<template>
  <div class="dashboard-container-content-right">
    <div class="dashboard-container-content-right-part1">
      <ContentRightPart1 />
    </div>
    <div class="dashboard-container-content-right-part3">
      <ContentRightPart3 />
    </div>
    <div class="dashboard-container-content-right-part2">
      <ContentRightPart2 />
    </div>
  </div>
</template>
<script>
  import ContentRightPart1 from "./contentRightPart1.vue";
  import ContentRightPart2 from "./contentRightPart2.vue";
  import ContentRightPart3 from "./contentRightPart3.vue";

  export default {
  name: "ContentRight",
  components: {
    ContentRightPart1,
    ContentRightPart2,
    ContentRightPart3,
  },
};
</script>
<style lang="scss" scoped>
.dashboard-container-content-right {
  width: 100%;
  height: 100%;
  &-part2 {
    margin-top: 14px;
  }
  &-part3 {
    margin-top: 15px;
  }
}
</style>
